<!-- <link rel="stylesheet" href="https://yongcat.gitee.io/jindieguanwangwai/css/index.css"> -->
<style>
  *{
    margin:0;
    padding:0;
  }
  .Div1 {
    width: 1200px;
    height: 726px;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    padding-top: 40px;
  }

  .Div1_title {
    text-align: center;

  }

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .Div1_title a {
    display: inline-block;
    width: 130px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    margin: 0 8px;
    position: relative;
    height: 38px;
    background: none;
    opacity: 1;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #737776;
  }

  a {
    text-decoration: none;
    color: #333;
  }

  .Div1_title a.Div1_title_a1,
  .Div1_title span a:hover {
    color: #fff !important;
    background: #0A6DEE;
    /* border-radius: 19px; */
  }

  .Div1_title a em {
    display: none;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #0A6DEE;
    position: absolute;
    top: 40px;
    left: 56px;
  }

  a.Div1_title_a1 em {
    display: block;
  }

  .Div1_main {
    height: 636px;
    width: 10000px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }

  .sublist {
    width: 1200px;
    margin-top: 40px;
    height: 554px;
    background-color: #fff;
    float: left;
  }

  .sublist .list_first {
    width: 298px;
    border-left: 1px solid #e5e5e5;
  }

  .sublist .list {
    float: left;
    width: 298px;
    height: 533px;
    border: 1px solid #e5e5e5;
    border-left: none;
  }

  .sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
  }

  .sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
  }

  .sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
  }

  .sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
  }

  .sublist .list .list_content {
    background: #fff;
    cursor: pointer;
    text-align: left;
  }

  .sublist .list .list_content .list_content_box .on {
    margin-top: 40px;
  }

  .sublist .list .list_content .list_content_box ul {
    height: 136px;
  }

  ul,
  li {
    list-style: none;
  }

  .sublist .list .list_content .list_content_box .on li {
    width: 199px;
    height: 34px;
    margin: 0 auto;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
    color: #8d8d8d;
  }

  .num {
    text-align: center;
    padding-top: 32px;
  }

  .num span i,
  .num span {
    height: 34px;
    display: inline-block;
    font-size: 32px;
    font-style: normal !important;
    color: #1580e4;
    line-height: 34px;
  }

  .num em {
    font-size: 14px;
    color: #8d8d8d;
    font-style: normal;
  }

  .sublist .list .list_content .btn_box {
    margin: 48px 36px 0;
    height: 40px;
    text-align: center;
  }

  .sublist .list .list_content .btn_box .btn_left {
    border: 1px solid #e5e5e5;
    float: left;
  }

  .sublist .list .list_content .btn_box .btn {
    width: 98px;
    height: 34px;
    line-height: 34px;
  }

  .sublist .list .list_content .btn_box .btn_left {
    border: 1px solid #e5e5e5;
    float: left;
  }

  .sublist .list .list_content .btn_box .btn_right {
    border: 1px solid #1580e4;
    float: right;
    color: #1580e4;
  }

  .sublist .list .list_content .btn_box .btn {
    width: 98px;
    height: 34px;
    line-height: 34px;
  }

  .sublist .list_one {
    float: left;
    width: 298px;
    height: 533px;
    border: 1px solid #1580e4;
    position: relative;
    top: 0;
    cursor: pointer;
  }

  .sublist .list .list_head p {
    padding-top: 30px;
    text-align: center;
    font-size: 16px;
  }

  .sublist .list .list_head p {
    padding-top: 30px;
    text-align: center;
    font-size: 16px;
  }

  .sublist .list_one {
    float: left;
    width: 298px;
    height: 533px;
    border: 1px solid #1580e4;
    position: relative;
    top: 0;
    cursor: pointer;
  }

  .sublist .list:hover {
    position: relative;
    -webkit-animation: dese 0.5s 1;
    -moz-animation: dese 0.5s 1;
    animation: dese 0.5s 1;
    box-shadow: 0 10px 20px #ccc;
    -webkit-box-shadow: 0 10px 20px #ccc;
    -moz-box-shadow: 0 10px 20px #ccc;
    top: -1px;
  }

  @-moz-keyframes dese {
    0% {
      box-shadow: 0 0 2px #ccc;
      -webkit-box-shadow: 0 0 2px #ccc;
      -moz-box-shadow: 0 0 2px #ccc;
      top: 0px;
    }

    100% {
      box-shadow: 0 10px 20px #ccc;
      -webkit-box-shadow: 0 10px 20px #ccc;
      -moz-box-shadow: 0 10px 20px #ccc;
      top: -1px;
    }
  }

  @-webkit-keyframes dese {
    0% {
      box-shadow: 0 0 2px #ccc;
      -webkit-box-shadow: 0 0 2px #ccc;
      -moz-box-shadow: 0 0 2px #ccc;
      top: 0px;
    }

    100% {
      box-shadow: 0 10px 20px #ccc;
      -webkit-box-shadow: 0 10px 20px #ccc;
      -moz-box-shadow: 0 10px 20px #ccc;
      top: -1px;
    }
  }

  @keyframes dese {
    0% {
      box-shadow: 0 0 2px #ccc;
      -webkit-box-shadow: 0 0 2px #ccc;
      -moz-box-shadow: 0 0 2px #ccc;
      top: 0px;
    }

    100% {
      box-shadow: 0 10px 20px #ccc;
      -webkit-box-shadow: 0 10px 20px #ccc;
      -moz-box-shadow: 0 10px 20px #ccc;
      top: -1px;
    }
  }

  .sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
  }

  .sublist .list_one .list_head {
    background-image: -webkit-linear-gradient(top, #1580e4, #07b0f5);
    background-image: -moz-linear-gradient(top, #1580e4, #07b0f5);
    background-image: -ms-linear-gradient(top, #1580e4, #07b0f5);
  }

  .sublist .list .list_head h2 {
    padding-top: 38px;
  }

  .sublist .list_one .list_head h2 {
    color: #fff;
  }

  .sublist .list .list_head p {
    margin-top: 20px;
  }

  .sublist .list_one .list_head p {
    color: #fff;
  }

  .sublist .list_one .list_content .btn_box .btn_left {
    border: 1px solid #1580e4;
    float: left;
    color: #1580e4;
  }

  .sublist .list_one .list_content .btn_box .btn_left a {
    color: #1580e4;
  }

  .sublist .list_one .list_content .btn_box .btn_right {
    border: 1px solid #1580e4;
    float: right;
    color: #fff;
    background: #1580e4;
  }

  .sublist .list_one .list_content .list_content_box .on li {
    color: #000
  }

  .sublist .list .img {
    height: 43px;
    width: 210px;
    z-index: 1;
  }

  .sublist .list .img img {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 42.5px;
  }
  .box2{
    width:100%;
  }
  .box2 .panner1 h2{
      text-align: center;
      font-size: 32px;
      color:#393836;
      margin-bottom:60px
  }
  .box2 .panner1 {
    width:100%;
    overflow: hidden;
  }
  .box2 .panner1 ul {
    width:102%;

  }
  .box2 .panner1 ul li{
    float:left;
    width:14%;
    text-align: center;
  }
  .box2 .panner1 ul li p
  {
    margin-top:10px;
    font-size: 18px;
  }
  .box2 .panner1 ul li:hover p{
    color:#005abc
  }
  .imghover{
    display: none;
  }
  .box2 .panner1 ul li:hover .imgbefore{
    display: none
  }
  .box2 .panner1 ul li:hover .imghover{
    display: block
  }
  .imgbox{
    max-width: 74px;
    margin:0 auto;
  }
  .imgbox img{
    max-width: 100%
  }
</style>
<div class="hd wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
  <div style="font-size:32px;color:#343434;text-align: center">金蝶帮助企业实现数字化转型</div>
  <p style="font-size:15px;color:#5c5c5c;margin-top:10px;text-align: center">以数字驱动、实现高价值管理</p>
</div>
<div class="Div1">
  <div class="Div1_title wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <span>
      <a class="" href="javascript:void(0)">管理软件</a>
      <a href="javascript:void(0)" class="">云服务</a>
      <a href="javascript:void(0)" class="Div1_title_a1">领域产品</a>
    </span>
  </div>
  <div class="Div1_main wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; left: -2400px;">
    <div class="sublist">
      <!--金蝶kis -->
      <div class="list" style="border-right: 1px solid rgb(229, 229, 229);">
        <a href="http://kd.suohon.com/col.jsp?id=140">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgk-CI3wUoyKC84AUw0gE4Kw.png">
            </div>
            <p>小微企业云管理软件首选品牌</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>核算处理自动化</li>
                <li>业务决策实时化</li>
                <li>资金效用最大化</li>
                <li>预算管控一体化</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">92</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="http://kd.suohon.com/col.jsp?id=140">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
      <!-- k3/swise -->
      <div class="list list_first" >
        <a href="http://kd.suohon.com/col.jsp?id=136 ">
          <div class="list_head">
            <div class="img">
              <img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgifCI3wUopP24hgcw0gE4Kw.png">
            </div>
            <p>智慧工厂ERP的首选品牌</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>确保产供销一致</li>
                <li>提高顾客满意度</li>
                <li>控制生产总成本</li>
                <li>可落地的、可交付</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">70</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="http://kd.suohon.com/col.jsp?id=136">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
      <!--k/s cloud -->
      <div class="list" style="border-right: 1px solid rgb(229, 229, 229);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrfCI3wUo6aWKqQYw0gE4Kw.png">
            </div>
            <p>构建企业工业互联网与数字化管理平台</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>金蝶EAS智能财务机器人</li>
                <li>金蝶EAS财务共享解决方案</li>
                <li>金蝶EAS管理会计解决方案</li>
                <li>金蝶EAS智能制造解决方案</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">64</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a> <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a> </div>
          </div>
        </a>
      </div>
      <!--金蝶eas -->
      <div class="list list_one" style="border-right: 1px solid rgb(21, 128, 228);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgi7CJ3wUonL_1pQcw0gE4Kw.png ">
            </div>
            <p>集团企业卓越管控与运营平台</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>提供全面集团管控方案</li>
                <li>助力集团企业数字化转型</li>
                <li>实现企业数据自由共享</li>
                <li>金蝶EAS财务共享3.0解决方案</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">81</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>


    </div>

    <div class="sublist">
      <!--精斗云 -->  
      <div class="list list_one" style="border-right: 1px solid rgb(21, 128, 228);">
        <a href="http://kd.suohon.com/col.jsp?id=138 ">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgubCJ3wUo8_Gc2AIw0gE4Kw.png">
            </div>
            <p>精斗云，陪你一起奋斗</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>财务业务高效集成</li>
                <li>多部门数据共享</li>
                <li>一站式云管理</li>
                <li>随时随地打理生意</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">76</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="http://kd.suohon.com/col.jsp?id=138 ">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a> </div>
          </div>
        </a>
      </div>
      <!--金蝶云 -->
      <div class="list" style="border-right: 1px solid rgb(229, 229, 229);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUoneSwxQcw0gE4Kw.png">
            </div>
            <p>金蝶云，全球领先的云管理平台</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>按需租用</li>
                <li>异地协同</li>
                <li>企业级业务保障</li>
                <li>高可靠高安全</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">70</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a> <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a> </div>
          </div>
        </a>
      </div>
      <!-- 管易云 -->
      <div class="list" >
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUowLOPigQw0gE4Kw.png">
            </div>
            <p>管易云，激活智慧电商</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>涵盖电商全业务流程</li>
                <li>百万级订单处理</li>
                <li>线上线下库存管理</li>
              </ul>
            </div>
            <p class="num"><span class="">-<i class="counter">82</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a> </div>
          </div>
        </a>
      </div>

      <!--云之家 -->
      <div class="list" style="border-right: 1px solid rgb(229, 229, 229);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUonMujhwYw0gE4Kw.png ">
            </div>
            <p>云之家，移动办公行家</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>连接员工致</li>
                <li>连接业务致</li>
                <li>连接客户致</li>
                <li>企业实现扁平化沟通致</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">94</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
    </div>

    <div class="sublist">
      <!--crm -->
      <div class="list" style="border-right: 1px solid rgb(229, 229, 229);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAglfCI3wUo-u2kqAUw0gE4Kw.png">
            </div>
            <p>个性化CRM领导者</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>先进的LAMP架构</li>
                <li>遍布多个行业领域</li>
                <li>多种APP终端</li>
                <li>丰富的API接口</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">69</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
      <!--hr -->
      <div class="list" >
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsPCI3wUowv7hWDDSATgr.png">
            </div>
            <p>战略互联，全员应用</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>以战略视角管理企业</li>
                <li>洞察企业人才全貌</li>
                <li>协作平台随时随地</li>
                <li>及时输送合适人才</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">84</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
      <!--oa -->
      <div class="list list_one" style="border-right: 1px solid rgb(21, 128, 228);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgubCJ3wUoiuz43wEw0gE4Kw.png ">
            </div>
            <p>构建高效、卓越的执行管理体系</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>腾“云”驾“务”、办公行家</li>
                <li>功能聚焦、资源整合</li>
                <li>制度落地、规范运营</li>
                <li>创新分享、快乐学习</li>
              </ul>
            </div>
            <p class="num"><span class="">-<i class="counter">96</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
      <!--o2o -->
      <div class="list" style="border-right: 1px solid rgb(229, 229, 229);">
        <a href="javascript:void(0)">
          <div class="list_head">
            <div class="img"><img src="https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUowoDnhQEw0gE4Kw.png">
            </div>
            <p>管电商高增长，不漏单</p>
          </div>
          <div class="list_content">
            <div class="list_content_box">
              <ul class="on">
                <li>无缝连接各大电商平台</li>
                <li>结合微商城和微销售</li>
                <li>打通互联网营销通道</li>
                <li>全新的移动营销协作平台</li>
              </ul>
            </div>
            <p class="num"><span>-<i class="counter">83</i>%</span><br><em>企业IT成本费用</em></p>
            <div class="btn_box">
              <a href="javascript:void(0)">
                <div class="btn btn_left">了解详情</div>
              </a>
              <a href="javascript:void(0)">
                <div class="btn btn_right">免费试用</div>
              </a>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>


<div class="box2">
  <div class="panner1">
    <h2>选择您感兴趣的领域或者行业</h2>
    <ul class="clearfix">
      <li>
        <a href="javascript:void(0)">
          <div class="imgbox">
              <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n1.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/n1-1.png" class="imgbefore">
              <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n1-1.png"  class="imghover">
          </div>
            
            <p>财务云</p>
        </a>
        
      </li>
      <li>
        <a href="javascript:void(0)">
          <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n2.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/n2-2.png">
          <p>全渠道云</p>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)">
          <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n3.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/n3-3.png">
          <p>HR云</p>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)">
          <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n4.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/n4-4.png">
          <p>制造云</p>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)">
          <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n5.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/n5-5.png">
          <p>办公云</p>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)">
          <img src="https://yongcat.gitee.io/jindieguanwangwai/img/n6.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/n6-6.png">
          <p>电商云</p>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)">
          <img src="https://yongcat.gitee.io/jindieguanwangwai/img/dbh1.png" data-src="https://yongcat.gitee.io/jindieguanwangwai/img/dbh2.png">
          <p>供应链云</p>
        </a>
      </li>
    </ul>
  </div>
</div>



<div style="margin-bottom:100px"></div>




<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script>



  window.de841d9f7 = false;

  window.ad6a9cd718aa = function () {
    if (!window.de841d9f7) {
      window.de841d9f7 = true;
      $(".Div1_main div span").mouseover(function () {
        $(this).addClass("Div1_main_span1").siblings("span").removeClass("Div1_main_span1");
      }).mouseout(function () {
        $(this).removeClass("Div1_main_span1").siblings("span");
      })
      var index = 0;
      var Swidth = 1200;
      var timer = null;
      var len = $(".Div1_title span a").length;

      function NextPage() {
        if (index > 2) {
          index = 0;
        }
        $(".Div1_title span a").removeClass("Div1_title_a1").eq(index).addClass("Div1_title_a1");
        $(".Div1_main").stop(true, false).animate({
          left: -index * Swidth + "px"
        }, 600)
      }

      function PrevPage() {
        if (index < 0) {
          index = 2;
        }
        $(".Div1_title span a").removeClass("Div1_title_a1").eq(index).addClass("Div1_title_a1");
        $(".Div1_main").stop(true, false).animate({
          left: -index * Swidth + "px"
        }, 600)
      }

      $(".Div1_title span a").mouseover(function () {
        index = $(this).index();
        NextPage();
      });
      //下一页
      $(".Div1_next img").click(function () {
        index++;
        NextPage();
      });
      //上一页
      $(".Div1_prev img").click(function () {
        index--;
        PrevPage();
      });
      //自动滚动
      window.b7a931377ad4ab5 = setInterval(function () {
        index++;
        NextPage();
      }, 4000);
      $(".Div1_next img , .Div1_main , .Div1_prev img , .Div1_title span").mouseover(function () {
        clearInterval(b7a931377ad4ab5);
      });
      $(".Div1_next img , .Div1_main , .Div1_prev img , .Div1_title span").mouseleave(function () {

        clearInterval(b7a931377ad4ab5);
        b7a931377ad4ab5 = setInterval(function () {
          index++;
          NextPage();
        }, 4000);
      });
    }
  }
  window.ad6a9cd718aa()

  $(function () {

    $(".sublist").eq(0).find(".list").on({
      mouseenter: function () {
        $(this).addClass("list_one");
        $(this).siblings().removeClass("list_one");
        $(this).siblings().css("border-right", "1px solid #e5e5e5");
        switch ($(this).index()) {
          // 0       1      2         3
          // 1 kis  2 k3  3cloud  4 eas
          case 0:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgpbCJ3wUo2_HurwEw0gE4Kw.png%20"); 
            $(".sublist .list").eq(3).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUogMKMNjDSATgr.png "); 
            $(".sublist .list").eq(1).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgifCI3wUopP24hgcw0gE4Kw.png"); 
            $(".sublist .list").eq(2).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrfCI3wUo6aWKqQYw0gE4Kw.png"); 
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 1:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgj6eJ3wUoiLeUdjDSATgr.png "); 
            $(".sublist .list").eq(3).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUogMKMNjDSATgr.png "); 
            $(".sublist .list").eq(0).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgk-CI3wUoyKC84AUw0gE4Kw.png"); 
            $(".sublist .list").eq(2).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrfCI3wUo6aWKqQYw0gE4Kw.png"); 
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 2:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgprCJ3wUooO-a4wQw0gE4Kw.png"); 
            $(".sublist .list").eq(1).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgifCI3wUopP24hgcw0gE4Kw.png"); 
            $(".sublist .list").eq(3).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUogMKMNjDSATgr.png "); 
            $(".sublist .list").eq(0).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgk-CI3wUoyKC84AUw0gE4Kw.png"); 
            $(this).find(".on").show();
            $(this).find(".no_on").hide();
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 3:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgi7CJ3wUonL_1pQcw0gE4Kw.png"); 
            $(".sublist .list").eq(1).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgifCI3wUopP24hgcw0gE4Kw.png"); 
            $(".sublist .list").eq(0).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgk-CI3wUoyKC84AUw0gE4Kw.png"); 
            $(".sublist .list").eq(2).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrfCI3wUo6aWKqQYw0gE4Kw.png"); 
            $(this).find(".on").show();
            $(this).find(".no_on").hide();
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
        }
      },
      mouseleave: function () {
        switch ($(this).index()) {
          case 0:
            break;
          case 1:
            $(this).prev().css("border-right", "none");
            break;
          case 2:
            $(this).prev().css("border-right", "none");
            break;
          case 3:
            $(this).prev().css("border-right", "none");
            break;
        }
      }
    })

    $(".sublist:eq(1) .list").on({
      mouseenter: function () {
        $(this).addClass("list_one");
        $(this).siblings().removeClass("list_one");
        $(this).siblings().css("border-right", "1px solid #e5e5e5");
        switch ($(this).index()) {
 
          case 0:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgubCJ3wUo8_Gc2AIw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(1) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUoneSwxQcw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(2) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUowLOPigQw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(3) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUonMujhwYw0gE4Kw.png");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 1:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgkLCJ3wUogebzhAUw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(2) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUowLOPigQw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(0) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsfCI3wUokJaAlwMw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(3) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUonMujhwYw0gE4Kw.png");
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 2:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgp7CJ3wUo25n2jwcw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(1) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUoneSwxQcw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(0) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsfCI3wUokJaAlwMw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(3) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUonMujhwYw0gE4Kw.png");
            $(this).find(".on").show();
            $(this).find(".no_on").hide();
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 3:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgubCJ3wUo0tHpwAMw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(1) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUoneSwxQcw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(2) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgrvCI3wUowLOPigQw0gE4Kw.png");
            $(".sublist:eq(1) .list:eq(0) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsfCI3wUokJaAlwMw0gE4Kw.png");
            $(this).find(".on").show();
            $(this).find(".no_on").hide();
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
        }
      },
      mouseleave: function () {
        switch ($(this).index()) {
          case 0:
            break;
          case 1:
            $(this).prev().css("border-right", "none");
            break;
          case 2:
            $(this).prev().css("border-right", "none");
            break;
          case 3:
            $(this).prev().css("border-right", "none");
            break;
        }
      }
  })
    $(".sublist:eq(2) .list").on({
      mouseenter: function () {
        $(this).addClass("list_one");
        $(this).siblings().removeClass("list_one");
        $(this).siblings().css("border-right", "1px solid #e5e5e5");
        switch ($(this).index()) {
          case 0:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgk7CJ3wUo2Ky3djDSATgr.png");
            $(".sublist:eq(2) .list:eq(1) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsPCI3wUowv7hWDDSATgr.png");
            $(".sublist:eq(2) .list:eq(2) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUo_uS7kgEw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(3) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUowoDnhQEw0gE4Kw.png");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 1:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgk7CJ3wUo8or7LDDSATgr.png");
            $(".sublist:eq(2) .list:eq(0) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAglfCI3wUo-u2kqAUw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(2) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUo_uS7kgEw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(3) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUowoDnhQEw0gE4Kw.png");

            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 2:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgubCJ3wUoiuz43wEw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(0) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAglfCI3wUo-u2kqAUw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(1) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsPCI3wUowv7hWDDSATgr.png");
            $(".sublist:eq(2) .list:eq(3) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgmPCI3wUowoDnhQEw0gE4Kw.png");
            $(this).find(".on").show();
            $(this).find(".no_on").hide();
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
          case 3:
            $(this).find("img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgqrCJ3wUo8Py7jAcw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(0) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAglfCI3wUo-u2kqAUw0gE4Kw.png");
            $(".sublist:eq(2) .list:eq(1) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgsPCI3wUowv7hWDDSATgr.png");
            $(".sublist:eq(2) .list:eq(2) img").attr("src", "https://11739658.s21i.faiusr.com/4/2/ABUIABAEGAAgr-CI3wUo_uS7kgEw0gE4Kw.png");
            $(this).find(".on").show();
            $(this).find(".no_on").hide();
            $(this).prev().css("border-right", "none");
            $(this).css("border-right", "1px solid #1580e4");
            break;
        }
      },
      mouseleave: function () {
        switch ($(this).index()) {
          case 0:
            break;
          case 1:
            $(this).prev().css("border-right", "none");
            break;
          case 2:
            $(this).prev().css("border-right", "none");
            break;
          case 3:
            $(this).prev().css("border-right", "none");
            break;
        }
      }
    })
  
  
  
 
  
  });



  !function (t) { "use strict"; t.fn.countUp = function (e) { var a = t.extend({ time: 2e3, delay: 10 }, e); return this.each(function () { var e = t(this), n = a, u = function () { e.data("counterupTo") || e.data("counterupTo", e.text()); var t = parseInt(e.data("counter-time")) > 0 ? parseInt(e.data("counter-time")) : n.time, a = parseInt(e.data("counter-delay")) > 0 ? parseInt(e.data("counter-delay")) : n.delay, u = t / a, r = e.data("counterupTo"), o = [r], c = /[0-9]+,[0-9]+/.test(r); r = r.replace(/,/g, ""); for (var d = (/^[0-9]+$/.test(r), /^[0-9]+\.[0-9]+$/.test(r)), s = d ? (r.split(".")[1] || []).length : 0, i = u; i >= 1; i--) { var p = parseInt(Math.round(r / u * i)); if (d && (p = parseFloat(r / u * i).toFixed(s)), c) for (; /(\d+)(\d{3})/.test(p.toString());)p = p.toString().replace(/(\d+)(\d{3})/, "$1,$2"); o.unshift(p) } e.data("counterup-nums", o), e.text("0"); var f = function () { e.text(e.data("counterup-nums").shift()), e.data("counterup-nums").length ? setTimeout(e.data("counterup-func"), a) : (delete e.data("counterup-nums"), e.data("counterup-nums", null), e.data("counterup-func", null)) }; e.data("counterup-func", f), setTimeout(e.data("counterup-func"), a) }; e.waypoint(u, { offset: "100%", triggerOnce: !0 }) }) } }(jQuery);

  /*!
  Waypoints - 4.0.0
  Copyright 漏 2011-2015 Caleb Troughton
  Licensed under the MIT license.
  https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
  */
  !function () { "use strict"; function t(o) { if (!o) throw new Error("No options passed to Waypoint constructor"); if (!o.element) throw new Error("No element option passed to Waypoint constructor"); if (!o.handler) throw new Error("No handler option passed to Waypoint constructor"); this.key = "waypoint-" + e, this.options = t.Adapter.extend({}, t.defaults, o), this.element = this.options.element, this.adapter = new t.Adapter(this.element), this.callback = o.handler, this.axis = this.options.horizontal ? "horizontal" : "vertical", this.enabled = this.options.enabled, this.triggerPoint = null, this.group = t.Group.findOrCreate({ name: this.options.group, axis: this.axis }), this.context = t.Context.findOrCreateByElement(this.options.context), t.offsetAliases[this.options.offset] && (this.options.offset = t.offsetAliases[this.options.offset]), this.group.add(this), this.context.add(this), i[this.key] = this, e += 1 } var e = 0, i = {}; t.prototype.queueTrigger = function (t) { this.group.queueTrigger(this, t) }, t.prototype.trigger = function (t) { this.enabled && this.callback && this.callback.apply(this, t) }, t.prototype.destroy = function () { this.context.remove(this), this.group.remove(this), delete i[this.key] }, t.prototype.disable = function () { return this.enabled = !1, this }, t.prototype.enable = function () { return this.context.refresh(), this.enabled = !0, this }, t.prototype.next = function () { return this.group.next(this) }, t.prototype.previous = function () { return this.group.previous(this) }, t.invokeAll = function (t) { var e = []; for (var o in i) e.push(i[o]); for (var n = 0, r = e.length; r > n; n++)e[n][t]() }, t.destroyAll = function () { t.invokeAll("destroy") }, t.disableAll = function () { t.invokeAll("disable") }, t.enableAll = function () { t.invokeAll("enable") }, t.refreshAll = function () { t.Context.refreshAll() }, t.viewportHeight = function () { return window.innerHeight || document.documentElement.clientHeight }, t.viewportWidth = function () { return document.documentElement.clientWidth }, t.adapters = [], t.defaults = { context: window, continuous: !0, enabled: !0, group: "default", horizontal: !1, offset: 0 }, t.offsetAliases = { "bottom-in-view": function () { return this.context.innerHeight() - this.adapter.outerHeight() }, "right-in-view": function () { return this.context.innerWidth() - this.adapter.outerWidth() } }, window.Waypoint = t }(), function () { "use strict"; function t(t) { window.setTimeout(t, 1e3 / 60) } function e(t) { this.element = t, this.Adapter = n.Adapter, this.adapter = new this.Adapter(t), this.key = "waypoint-context-" + i, this.didScroll = !1, this.didResize = !1, this.oldScroll = { x: this.adapter.scrollLeft(), y: this.adapter.scrollTop() }, this.waypoints = { vertical: {}, horizontal: {} }, t.waypointContextKey = this.key, o[t.waypointContextKey] = this, i += 1, this.createThrottledScrollHandler(), this.createThrottledResizeHandler() } var i = 0, o = {}, n = window.Waypoint, r = window.onload; e.prototype.add = function (t) { var e = t.options.horizontal ? "horizontal" : "vertical"; this.waypoints[e][t.key] = t, this.refresh() }, e.prototype.checkEmpty = function () { var t = this.Adapter.isEmptyObject(this.waypoints.horizontal), e = this.Adapter.isEmptyObject(this.waypoints.vertical); t && e && (this.adapter.off(".waypoints"), delete o[this.key]) }, e.prototype.createThrottledResizeHandler = function () { function t() { e.handleResize(), e.didResize = !1 } var e = this; this.adapter.on("resize.waypoints", function () { e.didResize || (e.didResize = !0, n.requestAnimationFrame(t)) }) }, e.prototype.createThrottledScrollHandler = function () { function t() { e.handleScroll(), e.didScroll = !1 } var e = this; this.adapter.on("scroll.waypoints", function () { (!e.didScroll || n.isTouch) && (e.didScroll = !0, n.requestAnimationFrame(t)) }) }, e.prototype.handleResize = function () { n.Context.refreshAll() }, e.prototype.handleScroll = function () { var t = {}, e = { horizontal: { newScroll: this.adapter.scrollLeft(), oldScroll: this.oldScroll.x, forward: "right", backward: "left" }, vertical: { newScroll: this.adapter.scrollTop(), oldScroll: this.oldScroll.y, forward: "down", backward: "up" } }; for (var i in e) { var o = e[i], n = o.newScroll > o.oldScroll, r = n ? o.forward : o.backward; for (var s in this.waypoints[i]) { var a = this.waypoints[i][s], l = o.oldScroll < a.triggerPoint, h = o.newScroll >= a.triggerPoint, p = l && h, u = !l && !h; (p || u) && (a.queueTrigger(r), t[a.group.id] = a.group) } } for (var c in t) t[c].flushTriggers(); this.oldScroll = { x: e.horizontal.newScroll, y: e.vertical.newScroll } }, e.prototype.innerHeight = function () { return this.element == this.element.window ? n.viewportHeight() : this.adapter.innerHeight() }, e.prototype.remove = function (t) { delete this.waypoints[t.axis][t.key], this.checkEmpty() }, e.prototype.innerWidth = function () { return this.element == this.element.window ? n.viewportWidth() : this.adapter.innerWidth() }, e.prototype.destroy = function () { var t = []; for (var e in this.waypoints) for (var i in this.waypoints[e]) t.push(this.waypoints[e][i]); for (var o = 0, n = t.length; n > o; o++)t[o].destroy() }, e.prototype.refresh = function () { var t, e = this.element == this.element.window, i = e ? void 0 : this.adapter.offset(), o = {}; this.handleScroll(), t = { horizontal: { contextOffset: e ? 0 : i.left, contextScroll: e ? 0 : this.oldScroll.x, contextDimension: this.innerWidth(), oldScroll: this.oldScroll.x, forward: "right", backward: "left", offsetProp: "left" }, vertical: { contextOffset: e ? 0 : i.top, contextScroll: e ? 0 : this.oldScroll.y, contextDimension: this.innerHeight(), oldScroll: this.oldScroll.y, forward: "down", backward: "up", offsetProp: "top" } }; for (var r in t) { var s = t[r]; for (var a in this.waypoints[r]) { var l, h, p, u, c, d = this.waypoints[r][a], f = d.options.offset, w = d.triggerPoint, y = 0, g = null == w; d.element !== d.element.window && (y = d.adapter.offset()[s.offsetProp]), "function" == typeof f ? f = f.apply(d) : "string" == typeof f && (f = parseFloat(f), d.options.offset.indexOf("%") > -1 && (f = Math.ceil(s.contextDimension * f / 100))), l = s.contextScroll - s.contextOffset, d.triggerPoint = y + l - f, h = w < s.oldScroll, p = d.triggerPoint >= s.oldScroll, u = h && p, c = !h && !p, !g && u ? (d.queueTrigger(s.backward), o[d.group.id] = d.group) : !g && c ? (d.queueTrigger(s.forward), o[d.group.id] = d.group) : g && s.oldScroll >= d.triggerPoint && (d.queueTrigger(s.forward), o[d.group.id] = d.group) } } return n.requestAnimationFrame(function () { for (var t in o) o[t].flushTriggers() }), this }, e.findOrCreateByElement = function (t) { return e.findByElement(t) || new e(t) }, e.refreshAll = function () { for (var t in o) o[t].refresh() }, e.findByElement = function (t) { return o[t.waypointContextKey] }, window.onload = function () { r && r(), e.refreshAll() }, n.requestAnimationFrame = function (e) { var i = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || t; i.call(window, e) }, n.Context = e }(), function () { "use strict"; function t(t, e) { return t.triggerPoint - e.triggerPoint } function e(t, e) { return e.triggerPoint - t.triggerPoint } function i(t) { this.name = t.name, this.axis = t.axis, this.id = this.name + "-" + this.axis, this.waypoints = [], this.clearTriggerQueues(), o[this.axis][this.name] = this } var o = { vertical: {}, horizontal: {} }, n = window.Waypoint; i.prototype.add = function (t) { this.waypoints.push(t) }, i.prototype.clearTriggerQueues = function () { this.triggerQueues = { up: [], down: [], left: [], right: [] } }, i.prototype.flushTriggers = function () { for (var i in this.triggerQueues) { var o = this.triggerQueues[i], n = "up" === i || "left" === i; o.sort(n ? e : t); for (var r = 0, s = o.length; s > r; r += 1) { var a = o[r]; (a.options.continuous || r === o.length - 1) && a.trigger([i]) } } this.clearTriggerQueues() }, i.prototype.next = function (e) { this.waypoints.sort(t); var i = n.Adapter.inArray(e, this.waypoints), o = i === this.waypoints.length - 1; return o ? null : this.waypoints[i + 1] }, i.prototype.previous = function (e) { this.waypoints.sort(t); var i = n.Adapter.inArray(e, this.waypoints); return i ? this.waypoints[i - 1] : null }, i.prototype.queueTrigger = function (t, e) { this.triggerQueues[e].push(t) }, i.prototype.remove = function (t) { var e = n.Adapter.inArray(t, this.waypoints); e > -1 && this.waypoints.splice(e, 1) }, i.prototype.first = function () { return this.waypoints[0] }, i.prototype.last = function () { return this.waypoints[this.waypoints.length - 1] }, i.findOrCreate = function (t) { return o[t.axis][t.name] || new i(t) }, n.Group = i }(), function () { "use strict"; function t(t) { this.$element = e(t) } var e = window.jQuery, i = window.Waypoint; e.each(["innerHeight", "innerWidth", "off", "offset", "on", "outerHeight", "outerWidth", "scrollLeft", "scrollTop"], function (e, i) { t.prototype[i] = function () { var t = Array.prototype.slice.call(arguments); return this.$element[i].apply(this.$element, t) } }), e.each(["extend", "inArray", "isEmptyObject"], function (i, o) { t[o] = e[o] }), i.adapters.push({ name: "jquery", Adapter: t }), i.Adapter = t }(), function () { "use strict"; function t(t) { return function () { var i = [], o = arguments[0]; return t.isFunction(arguments[0]) && (o = t.extend({}, arguments[1]), o.handler = arguments[0]), this.each(function () { var n = t.extend({}, o, { element: this }); "string" == typeof n.context && (n.context = t(this).closest(n.context)[0]), i.push(new e(n)) }), i } } var e = window.Waypoint; window.jQuery && (window.jQuery.fn.waypoint = t(window.jQuery)), window.Zepto && (window.Zepto.fn.waypoint = t(window.Zepto)) }();

  $('.counter').countUp();
</script>